<!DOCTYPE html>
<html>

	<head>

		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<title>待发货列表</title>
		<meta name="keywords" content="">
		<meta name="description" content="">

		<link rel="shortcut icon" href="favicon.ico">
		<link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
		<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
		<link href="css/plugins/footable/footable.core.css" rel="stylesheet">
		<link href="css/animate.css" rel="stylesheet">
		<link href="css/style.css?v=4.1.0" rel="stylesheet">
		<link rel="stylesheet" href="css/page.css" />
		<!--alert css-->
        <link rel="stylesheet" type="text/css" href="css/sweetalert.css"/>
        <!--时间控件css-->
        <link rel="stylesheet" href="lingyun/daterangepicker.css">
		<!-- 全局js -->
		<script src="js/jquery.min.js?v=2.1.4"></script>
		<script src="js/bootstrap.min.js?v=3.3.6"></script>
		<script src="js/plugins/footable/footable.all.min.js"></script>
		<!--时间控件js-->
		<script type="text/javascript" src="lingyun/moment.min.js"></script>
		<script type="text/javascript" src="lingyun/daterangepicker.js"></script>
		   <!--alert提示款-->
        <script type="text/javascript" src="js/sweetalert.min.js"></script>
		<!-- 分页js -->
		<script type="text/javascript" src="js/jquery.page.js"></script>
         <!-- 日期layerDate plugin javascript -->
        <script src="js/plugins/layer/laydate/laydate.js"></script>
		<!-- 自定义js -->
		<script src="js/content.js?v=1.0.0"></script>
		<script>
			$(document).ready(function() {
				$('.footable').footable();
				$('.footable2').footable();
			});
		</script>
		<script src="js/core.js"></script>
		<script src="js/cash_order_list.js"></script>
	</head>

	<body class="gray-bg">

		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="row">
				<div class="col-sm-12">
					<div class="ibox float-e-margins">
						<div class="ibox-title">
							<h5>现金订单列表</h5>
						</div>
						<div class="ibox-content">

							<!-- 多条件搜索 -->
							<form class="form form-inline search-form-items" method="get" action="/admin.php?s=/shop/store_cate/index/store_id/3.html">
								<style>
									.form-inline .form-group {
										margin-right: 12px;
										margin-bottom: 15px;
									}
									
									.form-inline .btn {
										margin-bottom: 15px;
									}
									
									.form-group .right {
										display: inline-block;
									}
									
									@media (max-width: 768px) {
										.form-group .left {
											width: 25%;
										}
										.form-group .right {
											width: 90%;
										}
										.search-form-items .search-btn {
											width: 100%;
										}
									}
									
									.A_price {
										float: left;
										margin-left: 20px;
										margin-top: 22px;
									}
									
									.A_price span {
										display: inline-block;
										float: left;
										width: 90px;
										font-size: 14px;
										font-weight: normal;
										color: #666666;
										height: 30px;
										line-height: 30px;
									}
									
									.A_price text {
										display: inline-block;
										float: left;
										border: none;
										font-size: 18px;
										color: #f00;
										height: 30px;
										line-height: 30px;
									}
								</style>
								
									<div class="form-group item_create_time " style="padding-top: 10px;">
										<label class="left control-label">
                        					<span>下单时间：</span>
        								</label>
										<div class="right">
											<div class="input-group">
												<div class="input-group-addon"><i class="fa fa-calendar"></i></div>
												<input type="text" id="applyTime" name="time" class="form-control input dateranger" value="" placeholder="下单时间">
											</div>
										<link rel="stylesheet" href="lingyun/lingyun/daterangepicker.css">
										<script src="lingyun/lingyun/moment.min.js"></script>
										<script src="lingyun/lingyun/daterangepicker.js"></script>																						
											
											<script type="text/javascript">
												$(function() {
													// 初始化日期范围插件
													$('#applyTime').daterangepicker({
														"showDropdowns": true,
														"autoApply": false,
														// "dateLimit": {
														//     "days": 365 * 100
														// },
														"linkedCalendars": false,
														"opens": 'right',
														"ranges": {
															"一周内": [
																moment().subtract(6, 'days'),
																moment()
															],
															"一月内": [
																moment().subtract(29, 'days'),
																moment()
															],
															"本月内": [
																moment().startOf('month'),
																moment().endOf('month')
															],
															"上个月": [
																moment().subtract(1, 'month').startOf('month'),
																moment().subtract(1, 'month').endOf('month')
															]
														},
														autoUpdateInput: false,
														locale: {
															format: 'YYYY-MM-DD',
															separator: ' - ',
															applyLabel: '确定',
															cancelLabel: '取消',
															fromLabel: '从',
															toLabel: '到',
															customRangeLabel: '日期范围',
															daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
															monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
															firstDay: 1
														},
														"minDate": "YYYY-MM-DD",
														"maxDate": "YYYY-MM-DD"
													}, function(start, end, label) {
														console.log("New date range selected: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + " (predefined range: " + label + ")");
													});

													$('#applyTime').on('apply.daterangepicker', function(ev, picker) {
														$(this).val(picker.startDate.format('YYYY-MM-DD') + '~' + picker.endDate.format('YYYY-MM-DD'));
													});

													$('#applyTime').on('cancel.daterangepicker', function(ev, picker) {
														$(this).val('');
													});
												})
											</script>
										</div>																
								</div>

								<div class="input-group search-form">
									<input type="text" id="param" class="search-input form-control" value="" placeholder="姓名\电话" >
									<span class="input-group-btn"><a class="btn btn-default search-btn"  href="#" onclick="searchList();"><i class="fa fa-search"></i></a></span>
								</div>
							</form>
						
						</div>
						<div class="ibox-content" style="overflow:scroll;">
							<table class="table table-stripped toggle-arrow-tiny" style="min-width:1300px" data-page-size="14">
								<thead>
									<tr>
										<th>ID</th>
										<th>订单号</th>
										<th>姓名</th>
										<th>电话</th>
										<th>商品名称</th>
										<th>单价</th>
										<th>数量</th>
										<th>订单总价</th>
										<th id="a">申请时间</th>
										<th id="b">发货时间</th>
										<th id="c">收货时间</th>
<!--										<th id="d">退款时间</th>
-->										
										<th>是否提醒发货</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody id="thislist">
								</tbody>
								<tbody align="center">
									<tr>
										<td colspan="8">
											<div id="pager"></div>
										</td>
									</tr>
								</tbody>
							</table>

						</div>
					</div>
				</div>
			</div>
		</div>
  </div>
  		<!--弹窗-->
	<div class="modal inmodal" id="delay" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated bounceInRight">
            <div class="modal-header">
                <h5 class="modal-title" id="this_title" style="font-size: 20px;"></h5>
            </div>
            <div class="modal-body" style="height: 100px;">
                <div class="form-group item_title " style="padding-right: 10px;">
                       <label class="col-sm-3 control-label"><span>延期时间：</span></label>
                    <div class="col-sm-7">
                         <input id="delay_time" class="laydate-icon form-control layer-date" placeholder="延期时间">
                    </div>
				 </div>
                </div>
                <div class="modal-footer">
	                <button type="button" class="btn btn-white" data-dismiss="modal" href="javascript:history.go(-1);">取消</button>
	                <button type="button" class="btn btn-white" data-dismiss="modal" onclick="delaytime();">确定</button>
               </div>
            </div>
        </div>
    </div>
      		<!--弹窗-->
	<div class="modal inmodal" id="deliver" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated bounceInRight">
            <div class="modal-header">
                <h5 class="modal-title" id="this_title" style="font-size: 20px;"></h5>
            </div>
            <div class="modal-body" style="height: 100px;">
                <div class="form-group item_title " style="padding-right: 10px;">
                       <label class="col-sm-3 control-label"><span>转移人账号：</span></label>
                    <div class="col-sm-7">
                         <input id="loginName" class="laydate-icon form-control layer-date" placeholder="转移人账号">
                    </div>
				 </div>
                </div>
                <div class="modal-footer">
	                <button type="button" class="btn btn-white" data-dismiss="modal" href="javascript:history.go(-1);">取消</button>
	                <button type="button" class="btn btn-white" data-dismiss="modal" onclick="devolve();">确定</button>
               </div>
            </div>
        </div>
    </div>
</body>

</html>